<script setup>
import { reactive } from 'vue'

const sData = reactive({
  prov: '',
  city: '',
  coun: ''
})

const data = reactive([
  {
    name: '江西省',
    child: [
      {
        name: '南昌市',
        child: []
      },
      {
        name: '九江市',
        child: []
      },
      {
        name: '赣州市',
        child: []
      }
    ]
  },
  {
    name: '湖南市',
    child: [
      {
        name: '长沙市',
        child: []
      },
      {
        name: '湘潭市',
        child: []
      },
      {
        name: '衡阳市',
        child: []
      }
    ]
  }
])
</script>

<template>
  <div>
    <select v-model="sData.prov">
      <option value="">请选择</option>
    </select>
  </div>
</template>
